<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>可转债数据看板</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container mt-4">
    <h2 class="mb-4">可转债实时数据</h2>
    <table class="table table-striped table-hover table-bordered" id="data-table">
        <thead class="thead-dark">
            <tr>
                {% for col in columns %}
                <th>{{ col[0] }}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
            {% for bond in bonds %}
            <tr>
                {% for col in columns %}
                <td>{{ bond[col[1]] }}</td>
                {% endfor %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
</body>
</html>